<template>
  <VueJsonPretty v-model:data="data" editable show-icon :node-selectable="() => true" selectableType="multiple" class="w-[calc(100%-12px)]" />
</template>
<script lang="ts" setup>
  import VueJsonPretty from 'vue-json-pretty'
  import 'vue-json-pretty/lib/styles.css'
  import { currentApp } from '@/views/seed-dev';
  import { ref, watch } from 'vue';
  
  const data = ref(currentApp.value as any)

  watch(() => data.value, () => currentApp.value = data.value, {deep: true})
</script>